<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="css/mui.min.css" />
		<link rel="stylesheet" href="js/layer/skin/default/layer.css" />
		<link rel="stylesheet" href="css/style.css" />
		<title></title>

	</head>

	<body>
		<header class="mui-bar mui-bar-nav header-share-card">
			<a class="mui-action-back mui-icon mui-icon-arrowthinleft mui-pull-left"></a>
			<h1 class="mui-title">统计</h1>
			<div class="share-card">
				<div class="share-card-content">
					<div class="main-content">
						<div class="uk-text-center">
							<div class="tm-label-no"><span class="tm-font-white tm-df-size">今日分享</span></div>
						</div>
						<div class="tm-flex-row-lg">
							<div class="uk-grid">
								<div class="uk-width-1-3">
									<div class="share-item">
										<div class="share-item-icon">
											<span class="tm-df-size">20</span>
										</div>
										<div class="share-item-label">
											分享海报/次
										</div>
									</div>
								</div>
								<div class="uk-width-1-3">
									<div class="share-item">
										<div class="share-item-icon">
											<span class="tm-df-size">20</span>
										</div>
										<div class="share-item-label">
											分享海报/次
										</div>
									</div>
								</div>
								<div class="uk-width-1-3">
									<div class="share-item">
										<div class="share-item-icon">
											<span class="tm-df-size">60</span>
										</div>
										<div class="share-item-label">
											所获积分
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="main-tab">
				<div class="tm-label-small tm-bg-white border-bottom">
				<div class="main-content">
					<div class="tm-flex flex-align-center">
						<div class="share-down-btn">
							<a class="tm-df-size" >
								<div class="tm-label-item">
									<div class="tm-label">
										累计
									</div>
									<div class="mui-icon mui-icon-arrowdown">

									</div>
								</div>
							</a>
						</div>
						<div class="tm-flex-1">
							<div class="main-tab">
								<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-itme2">
									<a class="mui-control-item tm-icon-btn" href="#item1">
										<div class="tm-label-item">
											<div class="tm-label">
												海报分享榜
											</div>
										</div>
									</a>
									<a class="mui-control-item tm-icon-btn" href="#item2">
										<div class="tm-label-item">
											<div class="tm-label">
												文章分享榜
											</div>
										</div>
									</a>
									<a class="mui-control-item tm-icon-btn mui-active" href="#item3">
										<div class="tm-label-item">
											<div class="tm-label">
												积分榜
											</div>
										</div>
									</a>

								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			</div>

		</header>

		<div class="mui-content">

			<!--block tab切換-->
			

			<div class="main-tab-con tm-border-top">

				<!--切换1-->
				<div id="item1" class="mui-control-content">

				</div>
				<!--切换1 end-->

				<!--切换2-->
				<div id="item2" class="mui-control-content">

				</div>
				<!--切换2 end-->
				
				
				<!--切换3-->
					<div id="item3" class="mui-control-content mui-active">
						<div class="rankings-card">
							<ul class="mui-table-view max">
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													<div class="tm-icon">
														<img src="images/jinpai.png" alt="" width="19" height="19" />
													</div>
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													张三
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													<div class="tm-icon">
														<img src="images/yinpai.png" alt="" width="19" height="19" />
													</div>
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													张三
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													<div class="tm-icon">
														<img src="images/tongpai.png" alt="" width="19" height="19" />
													</div>
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													张三
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													4
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													张三
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													5
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													我是张经理
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													5
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													我是张经理
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													5
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													我是张经理
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													5
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													我是张经理
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													5
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													我是张经理
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
								
								<li class="mui-table-view-cell">
									<div class="tm-flex">
										<div class="tm-flex-1">
											<div class="tm-flex flex-align-center">
												<div class="rankings-number tm-flex-head">
													5
												</div>
												<div class="tm-atav tm-flex-head">
													<div class="tm-location-parent">
														<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
														<img class="redundant-img" src="images/px-1.png" alt="" width="100">
													</div>
												</div>
												<div class="tm-df-size">
													我是张经理
												</div>
											</div>
										</div>
										<div class="last-padding">
											<div class="tm-df-size tm-font-green">
												110
											</div>
										</div>
									</div>
								</li>
							</ul>
						</div>

					</div>
					<!--切换3 end-->

			</div>

			<!--block tab切換 end-->

		</div>

		<script type="text/javascript" src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript">
			mui.init();
		</script>

	</body>

</html>